﻿

<html>
<head>
<title>CSS3 Border Break Test</title>

<style type="text/css">
h3 {border-break: wave;}
h4 {border-break: 17mm; border-style: solid;}
em {border-break: 10px dashed;}
blockquote {border-break: 200%; border-style: solid;}
p {border-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Break Test</h1>





<ul>
<li >
For "border-break", initial is "none", it applies to elements with a border,
it is inherited, percentage values are N/A, media is visual, and computed value is 
specified value.
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
NOTE: This property may not be implemented yet. 
<p>
If statement above is correct, this paragraph should have a
border break of "none".  A CSS rule of "border-style: solid" is applied.  However, the
border break property does apply to the p element.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</p>
<h3>
This h3 heading has a border break of wave, but this <em>emphasized text
</em> has a border break of 10px dashed; the rules applied are:
"h3 {border-break: wave;}"
"em {border-break: 10px dashed;}"
So the border break property applies to the h3 and em elements.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</h3>
<h4>
This h4 heading has a border break property of 17mm (because of the
rule "h4 {border-break: 17mm;}", but these <i>italicized words</i>
have a border break of "17mm", because the border-break
property does inherit.  
So the border break property does apply to the h4 and i elements.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</h4>
<blockquote>
This blockquote element should have a UA-default border break.  The
nonsensical rule "blockquote {border-break: 200%}" should be ignored,
but the border-break property does apply to the blockquote element.
Border-style of solid is also applied. 
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</blockquote>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above.  Border style of solid is applied
to all h4 CSS rules, so that the border is visible. 
</p>

</body>
</html>
